﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>项目</title>
    <link rel="stylesheet" type="text/css" href="/Content/Styles/common.css">
    <link rel="stylesheet" type="text/css" href="/Content/Styles/layout.css">
    <link rel="stylesheet" type="text/css" href="/Content/Styles/jquery.mCustomScrollbar.css">
</head>

<body>

    <!--头部-->
    <div id="Header" class="ajaxLoadDiv"></div>
    <div class="g-wrap">
        <!--左边-->
        <div id="Left" class="ajaxLoadDiv" name="leftnav05"></div>
        <div class="g-main">
            <div class="layout_content_main h_100p">
                <!--面包屑start-->
                <div class="mod_navbar f-clear">
                    <!--标题start-->
                    <div class="title">
                        <h3><i class="icon-desktop mr_10" style="color: rgb(56, 168, 170);"></i>熟悉 Worktile</h3>
                        <a href="javascript:;" class="ng-scope" title="设置为常用项目"> <i class="icon-star-empty"></i> </a> <a href="javascript:;" title="私有项目" class="ng-scope"> <i class="icon-private"></i> </a>
                    </div>
                    <!--标题end-->
                    <div class="main">
                        <div class="toolbar_panel f-right">
                            <div class="btn-group mr_15">
                                <button class="btn btn-danger addtaskbtn">新建任务 </button>
                            </div>
                            <button class="btn" id="righttoggle"> <i class="icon-step-forward"></i> </button>
                        </div>
                    </div>
                </div>
                <!--面包屑end-->
                <div class="entries_panel js-sortable layout_content_main_nonav">
                    <div class="entries_panel_sortarea ui-sortable">
                        <!--快速入门start-->
                        <div class="entry ng-scope">
                            <div class="entry_header">
                                <div class="entry_header_title js-editable">
                                    <h2 class="ng-binding">快速入门 <i></i> </h2>
                                </div>
                                <a href="javascript:;" class="js-popbox entry_header_menu ng-scope"> <i class="icon-play-circle"></i> </a>
                            </div>
                            <div class="entry-task-panel">
                                <div class="entry-tasks js-sortable ui-sortable" id='list0'>

                                </div>
                            </div>
                            <div class="entry-task-footer ng-scope"> <a href="javascript:;" class="js-add-task-composer">新建任务</a> </div>
                        </div>
                        <!--快速入门end-->
                        <!--进一步熟悉start-->
                        <div class="entry ng-scope">
                            <div class="entry_header">
                                <div class="entry_header_title js-editable">
                                    <h2 class="ng-binding">进一步熟悉 <i></i> </h2>
                                </div>
                                <a href="javascript:;" class="js-popbox entry_header_menu ng-scope"> <i class="icon-play-circle"></i> </a>
                            </div>
                            <div class="entry-task-panel">
                                <div class="entry-tasks js-sortable ui-sortable">
                                    <div class="right_click_trigger slide-trigger js-popbox task task_style task-first ui-droppable">
                                        <div class="entry-task-labels ng-scope">
                                            <div class="task-label green-label"> </div>
                                            <div class="task-label orange-label"> </div>
                                        </div>
                                        <div class="entry-task-main">
                                            <a class="entry-task-check"> <i class="icon-check-empty"></i> </a> <a class="entry-task-title ng-binding" href="javascript:;">点击这条任务，查看任务详情</a>
                                            <div class="ng-scope"> <a href="javascript:;" class="js-popbox entry-task-menu ng-scope"> <i class="icon-play-circle"></i> </a></div>
                                        </div>
                                        <div class="task-badges"></div>
                                        <div class="entry-task-members ng-hide"> </div>
                                    </div>
                                    <div class="right_click_trigger slide-trigger js-popbox task task_style ui-droppable">
                                        <div class="entry-task-main">
                                            <a class="entry-task-check"> <i class="icon-check-empty"></i> </a> <a class="entry-task-title ng-binding" href="javascript:;">这是一条分配给你的任务</a>
                                            <div class="ng-scope"> <a href="javascript:;" class="js-popbox entry-task-menu ng-scope"> <i class="icon-play-circle"></i> </a></div>
                                        </div>
                                        <div class="task-badges"></div>
                                        <div class="entry-task-members"> <a class="js-popbox member avatar avatar-30" title="梅郑冬"> <span class="avatar-face"><span class="avatar-text">梅</span></span> </a></div>
                                    </div>
                                    <div class="right_click_trigger slide-trigger js-popbox task task_style ui-droppable">
                                        <div class="entry-task-main">
                                            <a class="entry-task-check"> <i class="icon-check-empty"></i> </a> <a class="entry-task-title ng-binding" href="javascript:;">这是一条分配给你的任务</a>
                                            <div class="ng-scope"> <a href="javascript:;" class="js-popbox entry-task-menu ng-scope"> <i class="icon-play-circle"></i> </a></div>
                                        </div>
                                        <div class="task-badges"> <span class="task-badge icon icon-time badge-expire-due" title="任务已经截止">02-01</span> </div>
                                        <div class="entry-task-members"> <a class="js-popbox member avatar avatar-30" title="梅郑冬"> <span class="avatar-face"><span class="avatar-text">梅</span></span> </a></div>
                                    </div>
                                    <div class="right_click_trigger slide-trigger js-popbox task task_style task-first ui-droppable">
                                        <div class="entry-task-main">
                                            <a class="entry-task-check"> <i class="icon-check-empty"></i> </a> <a class="entry-task-title ng-binding" href="javascript:;">任务中可以添加多个检查项</a>
                                            <div class="ng-scope"> <a href="javascript:;" class="js-popbox entry-task-menu ng-scope"> <i class="icon-play-circle"></i> </a></div>
                                        </div>
                                        <div class="task-badges"> <span class="task-badge icon icon-list " title="检查项：1/3">1/3</span> </div>
                                        <div class="entry-task-members ng-hide"> </div>
                                    </div>
                                    <div class="right_click_trigger slide-trigger js-popbox task task_style task-first ui-droppable">
                                        <div class="entry-task-main">
                                            <a class="entry-task-check"> <i class="icon-check-empty"></i> </a> <a class="entry-task-title ng-binding" href="javascript:;">←点击任务前面的方块，可以完成该条任务</a>
                                            <div class="ng-scope"> <a href="javascript:;" class="js-popbox entry-task-menu ng-scope"> <i class="icon-play-circle"></i> </a></div>
                                        </div>
                                        <div class="task-badges"> </div>
                                        <div class="entry-task-members ng-hide"> </div>
                                    </div>
                                    <div class="right_click_trigger slide-trigger js-popbox task task_style task-first ui-droppable">
                                        <div class="entry-task-main task-completed-style">
                                            <a class="entry-task-check"> <i class="icon-check-sign"></i> </a> <a class="entry-task-title ng-binding" href="javascript:;">这是一条已经完成的任务</a>
                                            <div class="ng-scope"> <a href="javascript:;" class="js-popbox entry-task-menu ng-scope"> <i class="icon-play-circle"></i> </a></div>
                                        </div>
                                        <div class="task-badges"> <span class="task-badge icon icon-time " title="截止时间：02-10">02-10</span> </div>
                                        <div class="entry-task-members"> <a class="js-popbox member avatar avatar-30" title="梅郑冬"> <span class="avatar-face"><span class="avatar-text">梅</span></span> </a></div>
                                    </div>
                                </div>
                            </div>
                            <div class="entry-task-footer ng-scope"> <a href="javascript:;" class="js-add-task-composer">新建任务</a> </div>
                        </div>
                        <!--进一步熟悉end-->
                        <!--接下来该做什么start-->
                        <div class="entry ng-scope">
                            <div class="entry_header">
                                <div class="entry_header_title js-editable">
                                    <h2 class="ng-binding">接下来该做什么 <i></i> </h2>
                                </div>
                                <a href="javascript:;" class="js-popbox entry_header_menu ng-scope"> <i class="icon-play-circle"></i> </a>
                            </div>
                            <div class="entry-task-panel">
                                <div class="entry-tasks js-sortable ui-sortable">
                                    <div class="right_click_trigger slide-trigger js-popbox task task_style task-first ui-droppable">
                                        <div class="entry-task-labels ng-scope">
                                            <div class="task-label green-label"> </div>
                                            <div class="task-label orange-label"> </div>
                                        </div>
                                        <div class="entry-task-main">
                                            <a class="entry-task-check"> <i class="icon-check-empty"></i> </a> <a class="entry-task-title ng-binding" href="javascript:;">点击这条任务，查看任务详情</a>
                                            <div class="ng-scope"> <a href="javascript:;" class="js-popbox entry-task-menu ng-scope"> <i class="icon-play-circle"></i> </a></div>
                                        </div>
                                        <div class="task-badges"></div>
                                        <div class="entry-task-members ng-hide"> </div>
                                    </div>
                                    <div class="right_click_trigger slide-trigger js-popbox task task_style ui-droppable">
                                        <div class="entry-task-main">
                                            <a class="entry-task-check"> <i class="icon-check-empty"></i> </a> <a class="entry-task-title ng-binding" href="javascript:;">这是一条分配给你的任务</a>
                                            <div class="ng-scope"> <a href="javascript:;" class="js-popbox entry-task-menu ng-scope"> <i class="icon-play-circle"></i> </a></div>
                                        </div>
                                        <div class="task-badges"></div>
                                        <div class="entry-task-members"> <a class="js-popbox member avatar avatar-30" title="梅郑冬"> <span class="avatar-face"><span class="avatar-text">梅</span></span> </a></div>
                                    </div>
                                    <div class="right_click_trigger slide-trigger js-popbox task task_style ui-droppable">
                                        <div class="entry-task-main">
                                            <a class="entry-task-check"> <i class="icon-check-empty"></i> </a> <a class="entry-task-title ng-binding" href="javascript:;">这是一条分配给你的任务</a>
                                            <div class="ng-scope"> <a href="javascript:;" class="js-popbox entry-task-menu ng-scope"> <i class="icon-play-circle"></i> </a></div>
                                        </div>
                                        <div class="task-badges"> <span class="task-badge icon icon-time badge-expire-due" title="任务已经截止">02-01</span> </div>
                                        <div class="entry-task-members"> <a class="js-popbox member avatar avatar-30" title="梅郑冬"> <span class="avatar-face"><span class="avatar-text">梅</span></span> </a></div>
                                    </div>
                                    <div class="right_click_trigger slide-trigger js-popbox task task_style task-first ui-droppable">
                                        <div class="entry-task-main">
                                            <a class="entry-task-check"> <i class="icon-check-empty"></i> </a> <a class="entry-task-title ng-binding" href="javascript:;">任务中可以添加多个检查项</a>
                                            <div class="ng-scope"> <a href="javascript:;" class="js-popbox entry-task-menu ng-scope"> <i class="icon-play-circle"></i> </a></div>
                                        </div>
                                        <div class="task-badges"> <span class="task-badge icon icon-list badge-todo-done" title="检查项：1/3">1/3</span> </div>
                                        <div class="entry-task-members ng-hide"> </div>
                                    </div>
                                    <div class="right_click_trigger slide-trigger js-popbox task task_style task-first ui-droppable">
                                        <div class="entry-task-main">
                                            <a class="entry-task-check"> <i class="icon-check-empty"></i> </a> <a class="entry-task-title ng-binding" href="javascript:;">←点击任务前面的方块，可以完成该条任务</a>
                                            <div class="ng-scope"> <a href="javascript:;" class="js-popbox entry-task-menu ng-scope"> <i class="icon-play-circle"></i> </a></div>
                                        </div>
                                        <div class="task-badges"> </div>
                                        <div class="entry-task-members ng-hide"> </div>
                                    </div>
                                    <div class="right_click_trigger slide-trigger js-popbox task task_style task-first ui-droppable">
                                        <div class="entry-task-main task-completed-style">
                                            <a class="entry-task-check"> <i class="icon-check-sign"></i> </a> <a class="entry-task-title ng-binding" href="javascript:;">这是一条已经完成的任务</a>
                                            <div class="ng-scope"> <a href="javascript:;" class="js-popbox entry-task-menu ng-scope"> <i class="icon-play-circle"></i> </a></div>
                                        </div>
                                        <div class="task-badges"> <span class="task-badge icon icon-time " title="截止时间：02-10">02-10</span> </div>
                                        <div class="entry-task-members"> <a class="js-popbox member avatar avatar-30" title="梅郑冬"> <span class="avatar-face"><span class="avatar-text">梅</span></span> </a></div>
                                    </div>
                                </div>
                            </div>
                            <div class="entry-task-footer ng-scope"> <a href="javascript:;" class="js-add-task-composer">新建任务</a> </div>
                        </div>
                        <!--接下来该做什么end-->

                        <div class="entry-new entry-add">
                            <a href="javascript:;" class="entry-add"> <i class="icon-plus"></i> 新建列表 </a>
                            <div class="m_10 f-hide entrynewcon">
                                <div class="form-group">
                                    <input name="entry_name" placeholder="列表名" type="text" class="form-control ng-pristine ng-invalid ng-invalid-required">
                                </div>
                                <div class="form-group">
                                    <button class="btn btn-success mr_15">确定 </button>
                                    <button class="btn entrycancle">取消 </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layout_right_sidebar h_100p">
                <div class="prj_sidebar">
                    <div class="prj_sidebar_header collapse_show">
                        <ul class="list-inline prjtab">
                            <li class="active"> <a href="javascript:;" title="应用"> <i class="icon-th-large"></i> </a></li>
                            <li> <a href="javascript:;" title="成员"> <i class="icon-user"></i> </a></li>
                        </ul>
                        <div class="hr"></div>
                    </div>
                    <div class="prj_sidebar_main">
                        <div class="prjtabcon">
                            <h4 class="">应用</h4>
                            <ul class="prj_sidebar_module">
                                <li class="ng-scope active">
                                    <a title="任务(Shift+T)" class="ng-binding" href="#">
                                        <i ng-class="nav.icon" class="icon-check"></i> <br>
                                        任务
                                    </a>
                                </li>
                                <li class="ng-scope">
                                    <a ng-href="#" title="日历(Shift+E)" class="ng-binding" href="#">
                                        <i class="icon-calendar"></i> <br>
                                        日历
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="hr collapse_hide"></div>
                        <div class="prjtabcon prj_sidebar_body collapse_hide">
                            <h4 class="">成员</h4>
                            <ul class="avatars list-col-4">
                                <li class="ng-scope">
                                    <div class="js-popbox member text-center ng-scope"> <a class="avatar-add" href="javascript:;"> <span class="o"> <i class="icon-plus"></i> </span> </a> </div>
                                </li>
                                <li class="ng-scope">
                                    <div class="js-popbox member" title="">
                                        <a class="text-center avatar avatar-40 ui-draggable" member="member" title="梅郑冬" href="javascript:;">
                                            <span class="avatar-face"><span class="avatar-text">梅</span><i class="icon-user online member-admin" title="负责人(在线)"></i></span><br>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--新建任务弹出层-->
    <div class="popbox addnewtask" style="display: none; left: auto; right:335px; top: 115px;">
        <div class="popbox-header">
            <button class="cancel icon-remove"></button>
            <h3>新建任务</h3>
        </div>
        <form name="add_task_form" class="wt-form ng-pristine ng-invalid ng-invalid-required">
            <div class="popbox-body w_300">
                <div class="form-group">
                    <div>
                        <textarea class="js-task-name form-control ng-pristine ng-invalid ng-invalid-required" placeholder="输入任务内容" style=""></textarea>
                    </div>
                </div>
                <div class="form-group" ng-show="entries.length > 0">
                    <label>列表：</label>
                    <select class="form-control ng-pristine ng-animate ng-invalid-remove ng-valid-add ng-invalid-required-remove ng-valid-add-active ng-invalid-remove-active ng-valid ng-invalid-required-remove-active ng-valid-required" style="">
                        <option value="0" selected="selected">快速入门</option>
                        <option value="1">进一步熟悉</option>
                        <option value="2">接下来该做什么</option>
                        <option value="3">sdd</option>
                        <option value="4">dsfsdf</option>
                    </select>
                </div>
                <div class="f-hide">
                    <p class="alert alert-info">必须创建列表后才可以创建任务哦！ </p>
                    <button href="javascript:;" class="btn btn-success">开始添加列表</button>
                </div>
            </div>
            <div class="popbox-footer">
                <button class="btn btn-success mr_15">保存 </button>
                <button class="btn">取消</button>
            </div>
        </form>
    </div>

    <!--任务右侧弹出层-->
    <div class="slide-content" style="overflow: hidden; right: 0px; width: 700px; display:none;">
        <div class="entity-panel task-panel">
            <div class="entity-panel-wrapper">
                <!--弹出层头-->
                <div class="entity-panel-header">
                    <a href="javascript:;" class="name ng-binding"> <i class="mr_10 icon-desktop" style="color: rgb(56, 168, 170);"></i> 熟悉 Worktile </a>
                    <ul class="nav nav-pills">
                        <li class="ng-scope"> <a href="javascript:;" title="截止日期"> <i class="icon-time"></i>日期 </a> </li>
                        <li class="ng-scope"> <a href="javascript:;" title="添加检查项"> <i class="icon-th-list"></i>检查项 </a> </li>
                        <li class="divider-v ng-scope"></li>
                        <li class="js-popbox ng-scope"> <a href="javascript:;" class="dropdown-toggle" title="添加附件"> <i class="icon-paper-clip"></i>附件 </a></li>
                        <li class="js-popbox"> <a href="javascript:;" class="dropdown-toggle" title="更多"> <i class="icon-chevron-down"></i>更多 </a></li>
                        <li class="divider-v"></li>
                        <li> <a href="javascript:;" title="关闭"> <i class="icon-remove"></i> </a> </li>
                    </ul>
                </div>
                <!--弹出层内容-->
                <div class="entity-panel-body height-nonav" style="overflow: hidden; height: 786px;">
                    <!--左侧内容-->
                    <div class="content-panel">
                        <div class="content-module editable-module">
                            <!--名称-->
                            <div class="taskname">
                                <div class="entity-title">
                                    <a class="task_check"> <i class="icon-check-empty"></i> </a>
                                    <h2 class="ng-binding"> <span class="ng-binding">点击这条任务，查看任务详情</span> <em class="ng-binding">快速入门</em> </h2>
                                </div>
                                <div class="task-badges" task="task"></div>
                                <div class="task-desc-add ng-hide"> <a href="javascript:;">添加任务描述</a> </div>
                                <div class="task-desc">
                                    <div class="task-desc-text markdown ng-binding"></div>
                                </div>
                            </div>
                            <!--编辑-->
                            <div class="f-hide taskedit">
                                <div class="edit-section">
                                    <input type="text" placeholder="任务名称" class="form-control" />
                                    <textarea type="text" placeholder="添加任务描述(按Ctrl + 回车键提交)" class="form-control gollum-editor-body"></textarea>
                                </div>
                                <div class="form-group">
                                    <button class="btn btn-success mr_15">保存 </button>
                                    <button class="btn">取消</button>
                                </div>
                            </div>
                            <!--评论活动-->
                            <div class="tabbable">
                                <ul class="tabs nav-tabs f-clear commenttab">
                                    <li class="active"> <a>评论</a> </li>
                                    <li class=""> <a>活动</a> </li>
                                </ul>
                                <div class="tab-content">
                                    <!--评论-->
                                    <div class="tab-pane active commentcon">
                                        <div class="comment-list">
                                            <div class="part-loading mt_20" style="display: none;"></div>
                                            <div class="new-comment">
                                                <a class="new-comment-avatar avatar avatar-40" size="40" title="梅郑冬" href="javascript:;"> <span class="avatar-face"><span class="avatar-text">梅</span></span> </a>
                                                <div class="new-comment-edit">
                                                    <textarea placeholder="说点什么(按Ctrl + 回车键提交)" class="ng-pristine ng-valid"> </textarea>
                                                    <div class="add-controls">
                                                        <ul class="nav nav-pills">
                                                            <li class="btn-group js-popbox dropup mr_5">
                                                                <a href="javascript:;" class="dropdown-toggle" title="添加附件"> <i class="icon-paper-clip"></i> </a>
                                                                <ul class="dropdown-menu">
                                                                    <li>
                                                                        <a href="javascript:;" class="fileinput-button">
                                                                            <i class="icon-desktop"></i>本地上传
                                                                            <input type="file" title="添加附件">
                                                                        </a>
                                                                    </li>
                                                                    <li> <a href="javascript:;"> <i class="icon-file"></i> 从项目文件选择 </a> </li>
                                                                </ul>
                                                            </li>
                                                            <li class="divider-v"></li>
                                                            <li class="js-popbox mr_10"> <a href="javascript:;"> <i class="icon-smile"></i> </a> </li>
                                                            <li> <a class="js-popbox mr_10 font_at" href="javascript:;"></a> </li>
                                                        </ul>
                                                        <button class="btn btn-success pull-right ng-binding">发表评论 </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--活动-->
                                    <div class="tab-pane commentcon f-hide">
                                        <div class="empty-panel">
                                            <i class="icon-time"></i><br>
                                            <span>还没有任何活动</span>
                                        </div>
                                        <div class="loading-more-panel">
                                            <div class="part-loading ng-hide"> </div>
                                            <button class="btn ng-hide"> 加载更多... </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--右侧内容-->
                    <div class="sidebar-panel" style="min-height: 785px;">
                        <div class="sidebar-module">
                            <h4>标签</h4>
                            <div class="task-labels">
                                <button class="btn btn-block js-popbox ng-scope"><i class="icon-tag"></i>设置标签 </button>
                            </div>
                        </div>
                        <div class="sidebar-module">
                            <h4>分配</h4>
                            <div class="entity-members">
                                <ul>
                                    <li class=""> <a class="avatar-add js-popbox" href="javascript:;" type="member" entity="task"> <span class="o"> <i class="icon-plus"></i> </span> </a> </li>
                                </ul>
                            </div>
                        </div>
                        <div class="sidebar-module">
                            <h4>关注</h4>
                            <div class="entity-members">
                                <ul>
                                    <li class="ng-scope"> <a class="js-popbox avatar avatar-40" title="梅郑冬" href="javascript:;"> <span class="avatar-face"><span class="avatar-text">梅</span></span> </a> </li>
                                    <li class=""> <a class="avatar-add js-popbox" href="javascript:;"> <span class="o"> <i class="icon-plus"></i> </span> </a> </li>
                                    <li class="f-hide"> <a class="avatar-add js-popbox" href="javascript:;" title="取消关注"> <span class="o"> <i class="icon-minus"></i> </span> </a> </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="/Content/Js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/Content/Js/common.js"></script>
    <script type="text/javascript" src="/Scripts/jquery.mCustomScrollbar.concat.min.js"></script>
    <script type="text/javascript">
        $(function () {
            //右侧切换
            $("#righttoggle").click(function () {
                if ($(this).find("i").hasClass("icon-step-forward")) {
                    $(".layout_right_sidebar").css("width", "86px");
                    $(".g-main .layout_content_main").css("margin-right", "86px");
                    $(this).find("i").removeClass("icon-step-forward").addClass("icon-step-backward");
                    $(".layout_right_sidebar").addClass("sidebar_collapse");
                    $(".prj_sidebar_main").find("h4").addClass("f-hide");
                    $(".addnewtask").css("right", "180px");
                }
                else {
                    $(".layout_right_sidebar").css("width", "240px");
                    $(".g-main .layout_content_main").css("margin-right", "240px");
                    $(this).find("i").removeClass("icon-step-backward").addClass("icon-step-forward");
                    $(".layout_right_sidebar").removeClass("sidebar_collapse");
                    $(".prj_sidebar_main").find("h4").removeClass("f-hide");
                    $(".addnewtask").css("right", "335px");
                }
            })

            /*右侧任务切换*/
            $(".prjtab li").click(function () {
                $(".prjtab li").removeClass("active");
                $(this).addClass("active");
                var ind = $(".prjtab li").index($(this));
                $(".prjtabcon").addClass("collapse_hide");
                $(".prjtabcon li").parents(".prj_sidebar").find(".prjtabcon").eq(ind).removeClass("collapse_hide");
            })

            /*评论活动切换*/
            $(".commenttab li").click(function () {
                $(".commenttab li").removeClass("active");
                $(this).addClass("active");
                var ind = $(".commenttab li").index($(this));
                $(".commentcon").removeClass("f-show").addClass("f-hide");
                $(".commenttab li").parents(".tabbable").find(".commentcon").eq(ind).removeClass("f-hide").addClass("f-show");
            })

            /*新建任务弹出层*/
            $(".addtaskbtn").click(function () {
                $(".addnewtask").show();
            })
            $(".cancel").click(function () {
                $(this).parents(".addnewtask").hide();
            })

            /*新建列表*/
            $(".entry-new").click(function () {
                $(this).removeClass("entry-add");
                $(this).find("a.entry-add").hide();
                $(this).find(".entrynewcon").removeClass("f-hide");
            })
            $(".entrycancle").click(function () {
                $(this).parents(".entry-new").addClass("entry-add");
                $(this).find("a.entry-add").show();
                $(this).parents(".entrynewcon").addClass("f-hide");
            })

            /*任务名称编辑*/
            $(".taskname").click(function () {
                $(this).addClass("f-hide");
                $(this).next(".taskedit").removeClass("f-hide").addClass("f-show");
            })

            /*点任务名时，弹出右侧内容*/
            $(".right_click_trigger").click(function () {
                $(".slide-content").show();
            })
            $(".icon-remove").click(function () {
                $(this).parents(".slide-content").hide();
            })

            $(".entry-task-panel").mCustomScrollbar({
                scrollButtons: {
                    enable: false
                },
                advanced: {
                    updateOnContentResize: true
                }
            })

            $(".layout_right_sidebar").mCustomScrollbar({
                scrollButtons: {
                    enable: false
                },
                advanced: {
                    updateOnContentResize: true
                }
            })

            var str = ' <div  class="right_click_trigger slide-trigger js-popbox task task_style task-first ui-droppable"><div class="entry-task-main" > <a class="entry-task-check"> <i class="icon-check-empty"></i> </a> <a class="entry-task-title ng-binding" href="javascript:;">点击这条任务，查看任务详情</a><div class="ng-scope"> <a href="javascript:;" class="js-popbox entry-task-menu ng-scope"> <i class="icon-play-circle"></i> </a></div></div><div class="task-badges"></div><div class="entry-task-members ng-hide"> </div></div> ';
            $('#list0').append(str);
            $('#list0').append(str);
            $('#list0').append(str);
            $('#list0').append(str);
            $('#list0').append(str);
            $('#list0').append(str);
            $('#list0').append(str);
            $('#list0').append(str);
            $('#list0').append(str);
            $('#list0').append(str);
            $('#list0').append(str);
            $('#list0').append(str);
            $('#list0').append(str);
            $('#list0').append(str);
            $('#list0').append(str);
        })
    </script>
</body>
</html>
